#top{width:100%; height:auto; border-bottom:1px solid #fcd91d; background:#fcd91d}
.logo_nav{height:119px; width:1200px; margin:0 auto}
.logo{float:left;height:80px; padding-top:20px; padding-left:0px;}
.nav{float:right; width:609px; height:119px;}
.nav ul li {width:86px; height:119px; float:left; line-height:119px; text-align:center; margin-right:1px;}
.nav ul li a{display:block; color:#30333a}
.nav ul li a:hover{background:#e2002a; color:#fff}
.lang{width:85px; height:99px; float:right; padding-left:15px; padding-top:20px;}
.lang a{ line-height:36px; padding-left:32px; font-size:13px; color:#30333a}
.lang a:hover{text-decoration:underline;}
.lang .cn{background:url(../images/icon_ch.png) no-repeat 0 center;}
.lang .en{background:url(../images/icon_en.png) no-repeat 0 center; font-weight:bold}
.banner{width:100%; height:490px; background:url(../images/banner_bg.jpg) no-repeat center;}

.flexslider{position:relative;width:100%;height:490px;overflow:hidden;zoom:1;}
.flexslider a{display:block; width:100%; text-indent:-100000px}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

/*content*/
.content{width:100%; height:auto;}
.con1{width:100%; height:1549px; background:url(../images/bg1.png) center 0; position:relative; top:-30px;}
.con2{width:100%; height:1239px; background:url(../images/bg2.png) center 0; position:relative; top:-60px;}
.sy_title{width:100%; height:104px; position:relative; padding-top:40px;}
.sy_title h2{font-size:30px; font-weight:normal; padding-left:113px; margin-bottom:5px; color:#30333a}
.sy_title p{color:#30333a; line-height:36px; font-size:15px;padding-left:113px; text-transform:uppercase}
.t1{background:url(../images/icon_P.png) no-repeat; width:144px; height:144px; position:absolute; left:-13px;top:0px;}
.t2{background:url(../images/icon_A.png) no-repeat; width:144px; height:144px; position:absolute; left:-13px;top:0px;}
.t3{background:url(../images/icon_F.png) no-repeat; width:144px; height:144px; position:absolute; left:-13px; top:0px;}
.t4{background:url(../images/icon_S.png) no-repeat; width:144px; height:144px; position:absolute; left:-13px; top:0px;}


/*about开始*/
.about{width:1200px; height:730px; position:relative; margin:0 auto; padding-top:60px;}
.about_show{width:525px; height:225px; position:relative; left:15px; background:#600001; padding-left:35px; padding-top:40px; padding-right:160px; padding-bottom:40px; color:#fff; text-indent:2em;}
.about .you{width:23px; height:40px; position:absolute; left:620px; top:370px; z-index:1000;}
.about .you:hover{transition: all 500ms;
-moz-transition: all 500ms; /* Firefox 4 */
-webkit-transition: all 500ms; /* Safari 和 Chrome */
-o-transition: all 500ms;
padding-left:15px;}
.about_pic{width:613px; position:absolute; background:url(../images/about_pic.gif) no-repeat; right:0; top:87px; height:612px;}
.about_logo{width:132px; height:108px; position:absolute; top:335px; right:238px; z-index:10}
.a1{position:absolute; z-index:2; top:90px; width:307px; height:307px; left:581px; cursor:pointer}
.a2{position:absolute; z-index:2; top:396px; width:307px; height:307px; left:581px; cursor:pointer}
.a3{position:absolute; z-index:2; top:90px; width:307px; height:307px; left:890px; cursor:pointer}
.a4{position:absolute; z-index:2; top:396px; width:307px; height:307px; left:890px; cursor:pointer}
.a1 img,.a2 img,.a3 img,.a4 img{width:100%; height:100%; position:absolute; left:0; top:0;}
.a1:hover,.a2:hover,.a3:hover,.a4:hover{z-index:100;}
.a1:hover img,.a2:hover img,.a3:hover img,.a4:hover img{
	width:350px; height:350px; position:absolute; left:50%; margin-left:-175px; top:50%; margin-top:-175px;
-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease; }

/*product开始*/
.product{width:1200px; height:670px; overflow:hidden; margin:0 auto; padding-top:60px;}
.p_list{width:1199px; height:670px;}
.p_list .p_show{width:399px; height:452px; float:left; background:#f5f5f5; position:relative; float:left;}
.p_list .p_show img{width:399px; height:248px; display:block; margin-bottom:30px;}
.p_show h2{width:320px; height:30px; color:#30333a; line-height:30px; margin:0 auto; padding-bottom:8px;}
.p_show h2 a{color:#30333a; font-size:16px;}
.p_show h2 a:hover{text-decoration:underline;}
.p_show p{width:320px; height:50px; margin:0 auto; color:#30333a;}
.more{width:47px; height:26px; position:absolute; bottom:40px; left:38px;}
.more img{width:47px; height:26px;}
.cp_line{width:0px; height:6px; position:absolute; left:0; bottom:0; background:#30333a;}
.p_show:hover .cp_line{
transition: all 500ms;
-moz-transition: all 500ms; /* Firefox 4 */
-webkit-transition: all 500ms; /* Safari 和 Chrome */
-o-transition: all 500ms;
width:399px;
	}
/*crcm开始*/
.crcm{width:1200px; height:455px; margin:0 auto; padding-top:60px;}
.crcm_list{width:1200px; height:auto; margin:0 auto; padding-top:25px;}
.crcm_list .crcm_show{width:285px; height:220px; float:left}
.crcm_list .crcm_show img{display:block; width:283px; height:178px; border:1px solid #ededed;}
.c_name{width:285px; height:40px; background:#f1f5f9; text-align:center; line-height:40px;}

/*new_book开始*/
.n_c{width:100%; height:724px; margin:0 auto; padding-top:60px; background:#189dc6}
.news_book{width:1200px; margin:0 auto;}
/*.news{width:365px; height:450px; float:left; padding-left:350px; background:url(../images/900.jpg) no-repeat}*/
.news{width:365px; height:450px; float:left;padding-left:110px;}
.news_show{width:365px; height:auto; margin-bottom:30px; border-bottom:1px solid #5ebbd7; padding-bottom:20px;}
.news_show a{ color:#fff}
.news_show a:hover{text-decoration:underline;}
.news_show h2{font-size:16px; color:#30333a; background:url(../images/icon_dian.png) no-repeat 0 center; padding-bottom:6px;}
.news_show p{height:80px; margin-bottom:10px; color:#fff; font-size:13px;}
.news_show .more2 img{width:47px; height:26px;}
.gbook{width:560px; height:500px; float:right;}

.ly_show{width:445px; height:350px; float:right}
 .ly_show form input{width:445px; height:50px; background:#fff; margin-bottom:20px; font-size:15px; color: #30333a; line-height:50px; border:none; padding-left:20px; padding-right:20px; font-family:Microsoft YaHei;}
.ly_show form textarea{background:#fff; border:none; width:445px; height:70px; padding:15px 20px; font-size:15px; color: #30333a; font-family:Microsoft YaHei; margin-bottom:20px;}
::-webkit-input-placeholder { /* WebKit browsers */ 
color: #30333a; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #30333a; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #30333a; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #30333a; 
} 

.foot{width:100%; height:280px; background:#003b63; clear:both;}
.foot_nav{width:1200px; height:74px; margin:0 auto; background:url(../images/icon_line3.png) bottom repeat-x}
.foot_nav ul li{width:100px; text-align:center; float:left}
.foot_nav ul li a{display:block; width:; height:74px; line-height:74px; color:#bae3f9}
.foot_nav ul li a:hover{background:url(../images/icon_line2.png) no-repeat center bottom }
.fx{width:180px; height:30px; position:absolute; right:-20px; top:-40px}
.foot_show{width:1200px; height:193px; background:url(../images/icon_line3.png) repeat-x bottom; margin:0 auto; color:#bae3f9; position:relative;}
.foot_lx{width:600px; height:140px; background:url(../images/foot_bg.png) no-repeat 30px 50px; padding-left:345px; line-height:28px; padding-top:53px;}
.foot_lx li{float:left; width:300px;}
.foot_ewm{width:150px; height:150px; background:url(../images/ewm.png) no-repeat; background-size: 100%;position:absolute; top:20px; right:30px;}
.copy{width:100%; line-height:73px; margin:0 auto; background:#003b63; height:73px;}
.copy_show{margin:0 auto; width:1170px; padding-left:30px;}
.copy,.copy a{color:#bae3f9;}
.copy a:hover{text-decoration:underline;}
.buttons{
	position:absolute;
	top:-40px;
	right:20px;
	z-index:100;
}
.pagination{
	float:left;
	margin:0 5px;
}
.pagination a{
	display:block;
	width:15px;
	height:0;
	padding-top:15px;
	background:url(../images/pagination.png) no-repeat;
	background-position:0 0;
	overflow:hidden;
}
.active-button a,
.active-button a:hover{
	background-position:0 -15px;
}
.pagination a:hover{
	background-position:0 -15px;
}

.p_list .buttons{
	position:absolute;
	top:-40px;
	right:20px;
	z-index:100;
}
.p_list .pagination{
	float:left;
	margin:0 5px;
}
.p_list .pagination a{
	display:block;
	width:15px;
	height:0;
	padding-top:15px;
	background:url(../images/pagination2.png) no-repeat;
	background-position:0 0;
	overflow:hidden;
}
.p_list .active-button a,
.active-button a:hover{
	background-position:0 -15px;
}
.p_list.pagination a:hover{
	background-position:0 -15px;
}